.top-up{
	height: 100vh;
	background-color: #f2f2f2;
	padding: 32rpx;
	box-sizing: border-box;
	.title{
		height:50rpx;
		line-height: 50rpx;
		font-family:$global-font-family;
		font-weight:700;
		color:#333333;
		font-size:36rpx;
	}
	.amount-list{
		margin-top: 48rpx;
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		.amount-item{
			width:336rpx;
			height:124rpx;
			background-color:#ffffff;
			border:2rpx solid;
			border-color:#999999;
			border-radius:16rpx;
			line-height: 124rpx;
			text-align: center;
			margin-bottom: 16rpx;
			font-family:$global-font-family;
			font-weight:700;
			color:#333333;
			font-size:36rpx;
			&.selected{
				background-color:#e2f2ff;
				border:2rpx solid;
				border-color:#188cf1;
				color:#1370c1;
			}
		}
	}
	.other-amount-container{
		width: 100%;
		height:100rpx;
		background-color:#ffffff;
		border-radius:24rpx;
		margin-top: 16rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0rpx 24rpx 0rpx 24rpx;
		box-sizing: border-box;
		.other-amount-label{
			height:50rpx;
			font-family:$global-font-family;
			font-weight:700;
			color:#333333;
			font-size:36rpx;
		}
		.other-amount-input{
			text-align: right;
			width: 330rpx;
			font-size: 32rpx;
			font-weight: 900;
		}
	}
	.user-agreement{
		margin-top: 40rpx;
		height: 34rpx;
		display: flex;
		align-items: center;
		font-family:$global-font-family;
		color:#999999;
		font-size:24rpx;
		.agreement-name{
			color: #188cf1;
		}
	}
	.submit-btn{
		width:574rpx;
		height:100rpx;
		background-color:#188cf1;
		border-radius:24rpx;
		margin-top: 120rpx;
		font-family:$global-font-family;
		color:#ffffff;
		font-size:32rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		&::after{
			border: none;
		}
		&.disabled{
			background-color: #9acafc;
		}
	}
}